/* - - - - - - - - - - - - - - - - -*/
/*           Importations           */
/* - - - - - - - - - - - - - - - - -*/

@import "url";
@import "main";

/* - - - - - - - - - - - - - - - - -*/
/*            Variables             */
/* - - - - - - - - - - - - - - - - -*/
@width_compte: 1014px;
@height_compte: 626px;
@height_topcompte:104px;
@height_adresse: 214px;
@width_erreur: 1022px;
@height_erreur: 118px;
@height_coinbas: 4px;
@width_coin: 7px;
@width_jaugegauche:5px;
@height_bouton_h: 40px;
@height_corps:526px;


/* - - - - - - - - - - - - - - - - -*/
/*            compte.php            */
/* - - - - - - - - - - - - - - - - -*/
#compte
{
	width:@width_compte;
	height:@height_compte;
	position: absolute;
	font-family: "Myriad Pro";
	background: url("../image/compte/back.png") no-repeat;
	margin-top:-660px;
		
	.top_compte 
	{
		right: 2px;
		float:left;
		width: @width_compte;
		height: @height_topcompte;
		z-index:4;
		position: relative;
		display: block-inline;
		
		.coingauche 
		{
			float:left;
			width:7px;
			height: @height_topcompte;
			background: url("../image/naviguation/CoinGauche.png") no-repeat;
			
		}
		
		.corps_top 
		{
			width: 994px;
			height: @height_topcompte;
			background: url("../image/naviguation/Corps.png") repeat-x;
			float:left;
			z-index:4;
			
			.corps_top_left
			{
				width: 343px;
				height: @height_topcompte;
				display: inline-block;
				float: left;
				
				.barre 
				{
					float: right;
					position: relative;
				}
				
				.title_compte
				{
					font-family: "Myriad Pro", Arial;
					font-size: 24px;
					font-weight: bold;
					margin-left:26px;
					margin-top: 32px;
					position: relative;
					float: left;
					display: inline-block;
				}
				
				.char 
				{
					margin-top: 35px;
					margin-left:19px;
					float :left;
					position: relative;
					width: 22px;
					height: 24px;
					background: url("../image/compte/Personnage.png") no-repeat
				}
				
				.ucomment 
				{
					width: 320px;
					margin-left:26px;
					margin-bottom: 100px;
					clear:left;
					font-size: 12px;
					color: #aaaaaa;
					height: 12px;
					position: relative;
					
					.pseudo 
					{
					
					}
				}
			}
			
			.corps_top_center
			{
				width: 379px;
				height: @height_topcompte;
				display: inline-block;
				float:left;
				
				.barre 
				{
					float: right;
					position: relative;
				}
				
				.title_compte
				{
					font-family: "Myriad Pro", Arial;
					font-size: 24px;
					font-weight: bold;
					margin-left:26px;
					margin-top: 32px;
					position: relative;
					float: left;
					display: inline-block;
				}
				
				.jauge
				{
					margin-left: 20px;
					margin-top:43px;
					float:left;
					height: 12px;
					width:212px;
					background: url("../image/jauge/Jauge.png") no-repeat;
					position: relative;
					z-index:1;
					
					.coingauche3 
					{
						float:left;
						width:5px;
						height:12px;
						background: url("../image/jauge/JaugeGauche.png") no-repeat;
						z-index: 3;
					}
					
					.corps_remplissage
					{
						width: 150px;
						height:12px;
						background: url("../image/jauge/JaugeCorps.png") repeat-x;
						float:left;
						z-index: 3;
					}
				}
				
				.ucomment 
				{
						width: 320px;
						margin-left:26px;
						margin-bottom: 100px;
						clear:left;
						font-size: 12px;
						color: #aaaaaa;
						height: 12px;
						position: relative;
				}
			}
		
			.corps_top_right
			{
				width:272px;
				height: @height_topcompte;
				float:left;
				
				.bouton
				{
					height: 40px;
					width: 129px;
					margin-left: 27px;
					margin-top: 32px;
					float: left;
					display: inline-block;
					
					.coingauche2
					{
						float:left;
						width:7px;
						height:40px;
						background: url("../image/bouton/coingauche.png") no-repeat;
					}
					
					.corpsbouton 
					{
						height: 40px;
						width: 115px;
						background: url("../image/bouton/Corps.png") repeat-x;
						float:left;
						
						.iconebouton
						{
							margin-top: 8px;
							float: right;
							position: relative;
							margin-right: 10px;
						}
						
						.ecriturebouton
						{
							margin-top: 10px;
							margin-right:20px;
							position: relative;
							float: right;
							display: inline;
							color: white;
							font-size: 14px;
						}
					}
					
					.coindroit2
					{
						float:left;
						width:7px;
						height:40px;
						background: url("../image/bouton/coindroit.png") no-repeat;
					}
				}
				
				.probleme
				{
					float: right;
					margin-right: 23px;
					margin-top:37px;
					font-size: 12px;
					color: #aaaaaa;
					text-align: justify;
					height: 35px;
					
					.assistance 
					{
						margin-top:4px;
						margin-left: 4px;	
					}
				}
			}
		}
		
		.coindroit
		{
			float: left;
			width:7px;
			height: @height_topcompte;
			background: url("../image/naviguation/CoinDroit.png") no-repeat;
		}
	}	

	.coinbas 
	{
		background: url("../image/compte/coinbas.png") no-repeat;
		float:left;
		width:100%;
		height: 4px;
		margin-top:-3px;
	}
/* - - - - - - - - - - - - - - - - -*/
/*            compte1.php           */
/* - - - - - - - - - - - - - - - - -*/
 
	#compte1
	{
		width: 1014px;
		height: 518px;
		display: inline-block;
		float:left;
		z-index: 3;
		position: relative;
		.naviguation
		{
			right:2px;
			width: 295px;
			height: 522px;
			float: left;
			position: relative;
			z-index: 3;
			display: block-inline;	
		
			ul 
			{
				margin:0;
				padding:0;
				float:left;
				#selection 
				{
					position: relative;
					background: url("../image/compte/Bulle.png") no-repeat;
					color: black;
					z-index:5;
					width: 296px;
					height: 102px;
					
					.textlist
					{
						font-size:18px;
						margin-top: 25px;
						margin-left: 33px;
						float: left;	
						position: relative;
					}
					.commentlist
					{
						font-size: 12px;
						color: #aaaaaa;
						
					}
				}
				li
				{
					width:296px;
					height:102px;
					list-style-type: none;
					position: relative;
					color:#c6d2e1;
					font-family: Myriad Pro;
					font-weight: bold;
					line-height: 20px;
					float:left;
					.barrevertical
					{
						position: relative;
						float:left;
						margin-left:2px;
					}
					.textlist
					{
						font-size:18px;
						margin-top: 25px;
						margin-left: 33px;
						float: left;	
						position: relative;
					}
					.commentlist
					{
						margin-top:2px;
						font-size: 13px;
						color: #aaaaaa;
					}
				}
			}	
		}
		.information
		{
			
			bottom: 522px;
			width: 600px;
			height: 500px;
			margin-left:345px;
			background: url("../image/compte/Quadrillage.png") no-repeat;
			display: inline-block;
			float:left;
			z-index: 3;
			position: relative;
			border-collapse: collapse;
			td
			{
				width: 300px;
				height:100px;
				font-size: 14px;
				color: white;
				font-weight: bold;
				border-width: 3px;
				.title_content
				{
					position: relative;
					margin-left: 25px;
					font-weight: bold;
					.crayon
					{
						float: right;
						margin-right:20px;
						margin-top:-1px;
					}
					
					.invisible
					{
						visibility: hidden;
					}
				}
				.info
				{
					margin-left: 25px;
					color: #aaaaaa;
					font-size: 13px;
					display: inline-block;
					position: relative;
					margin-top: 10px;
				}
			}	
				.mineur
				{	
					width: 300px;
					height:103px;
					font-size: 14px;
					color: white;
					font-weight: bold;
					.background
					{
					width:300px;
					height:102px;
					margin-top:4px;
					float: left;
					background: url("../image/compte/BlocNaissance.png") no-repeat;
					
						.title_content
						{
							margin-top:35px;
							position: relative;
							margin-left: 25px;
							font-weight: bold;
							.crayon
							{
								float: right;
								margin-right:20px;
								margin-top:-1px;
							}
						}
						.infobas
						{
							color:#dddddd;
							margin-left: 25px;
							font-size: 13px;
							display: inline-block;
							position: relative;
							margin-top: 5px;
						}
						a
						{
						color:white;
						}
					}
				}
				.passpress
				{
					width: 300px;
					height:103px;
					font-size: 14px;
					color: white;
					.background
					{
					width:300px;
					height:102px;
					margin-top:3px;
					float: left;	
					background: url("../image/compte/BlocPresse.png") no-repeat;
						.title_content
						{
							margin-top:35px;
							position: relative;
							margin-left: 25px;
							font-weight: bold;
							.crayon
							{
								float: right;
								margin-right:20px;
								margin-top:-1px;
							}
						}
						.infobas
						{
							color:#dddddd;
							margin-left: 25px;
							font-size: 13px;
							display: inline-block;
							position: relative;
							margin-top: 5px;
						}
						a
						{
							color:white;
						}
					}
				}
				.nonlicence
				{
					width: 300px;
					height:103px;
					font-size: 14px;
					color: white;
					font-weight: bold;
					.background
					{
					width:300px;
					height:102px;
					margin-top:-7px;
					float: left;
					background: url("../image/compte/BlocLicence.png") no-repeat ;	
						.title_content
						{
							margin-top:40px;
							position: relative;
							margin-left: 25px;
							font-weight: bold;
							.crayon
							{
								float: right;
								margin-right:20px;
								margin-top:-1px;
							}
						}
						.infobas
						{
								color:#dddddd;
								margin-left: 25px;
								font-size: 13px;
								display: inline-block;
								position: relative;
								margin-top: 5px;
						}
						a
						{
							color:white;
						}
					}
				}
			}
		}	
	}
/* - - - - - - - - - - - - - - - - -*/
/*            compte.php(ie)        */
/* - - - - - - - - - - - - - - - - -*/
.ie 
{
	#compte
	{
		width:1014px;
		height:626px ;
		position: absolute;
		font-family: "Myriad Pro";
		background: url("../image/compte/back.png") no-repeat;
		margin-left: 450px;
		margin-right: 450px;
		.coinbas 
		{
			background: url("../image/compte/coinbas.png") no-repeat;
			float:left;
			width:1004px;
			height: 4px;
			margin-top:400px;
		}	
		
		.top_compte 
		{
			right: 2px;
			float:left;
			width: @width_compte;
			height: @height_compte;
			z-index:4;
			position: relative;
			display: block-inline;
			
			.coingauche 
			{
				float:left;
				width:7px;
				height: @height_topcompte;
				background: url("../image/naviguation/CoinGauche.png") no-repeat;
			}
			
			.corps_top 
			{
				width: 994px;
				height: @height_topcompte;
				background: url("../image/naviguation/Corps.png") repeat-x;
				float:left;
				z-index:4;
				
				.corps_top_left
				{
					width: 343px;
					height: @height_topcompte;
					display: inline-block;
					float: left;
					
					.barre 
					{
						float: right;
						position: relative;
					}
					
					.title_compte
					{
						font-family: "Myriad Pro", Arial;
						font-size: 24px;
						font-weight: bold;
						margin-left:26px;
						margin-top: 32px;
						position: relative;
						float: left;
						display: inline-block;
					}
					
					.char 
					{
						margin-top: 35px;
						margin-left:19px;
						float :left;
						position: relative;
						width: 22px;
						height: 24px;
						background: url("../image/compte/Personnage.png") no-repeat
					}
					
					.ucomment 
					{
						width: 320px;
						margin-left:26px;
						margin-bottom: 100px;
						float: left;
						font-size: 12px;
						color: #aaaaaa;
						height: 12px;
						position: relative;
						
						.pseudo 
						{
						
						}
					}
				}
				
				.corps_top_center
				{
					width: 379px;
					height: @height_topcompte;
					display: inline-block;
					float:left;
					
					.barre 
					{
						float: right;
						position: relative;
					}
					
					.title_compte
					{
						font-family: "Myriad Pro", Arial;
						font-size: 24px;
						font-weight: bold;
						margin-left:26px;
						margin-top: 32px;
						position: relative;
						float: left;
						display: inline-block;
					}
					
					.jauge
					{
						margin-left: 20px;
						margin-top:43px;
						float:left;
						height: 12px;
						width:212px;
						background: url("../image/jauge/Jauge.png") no-repeat;
						position: relative;
						z-index:1;
						
						.coingauche3 
						{
							float:left;
							width:5px;
							height:12px;
							background: url("../image/jauge/JaugeGauche.png") no-repeat;
							z-index: 3;
						}
						
						.corps_remplissage
						{
							width: 150px;
							height:12px;
							background: url("../image/jauge/JaugeCorps.png") repeat-x;
							float:left;
							z-index: 3;
						}
					}
					
					.ucomment 
					{
							width: 320px;
							margin-left:26px;
							margin-bottom: 100px;
							float: left;
							font-size: 12px;
							color: #aaaaaa;
							height: 12px;
							position: relative;
					}
				}
			
				.corps_top_right
				{
					width:272px;
					height: @height_topcompte;
					display: inline-block;
					float:left;
					
					.bouton
					{
						height: 40px;
						width: 129px;
						margin-left: 27px;
						margin-top: 32px;
						float: left;
						display: inline-block;
						
						.coingauche2
						{
							float:left;
							width:7px;
							height:40px;
							background: url("../image/bouton/coingauche.png") no-repeat;
						}
						
						.corpsbouton 
						{
							height: 40px;
							width: 115px;
							background: url("../image/bouton/Corps.png") repeat-x;
							float:left;
							
							.inconebouton
							{
								margin-top: 8px;
								float: right;
								position: relative;
								margin-right: 10px;
							}
							
							.	bouton
							{
								margin-top: 10px;
								margin-right:20px;
								position: relative;
								float: right;
								display: inline;
								color: white;
								font-size: 14px;
							}
						}
						
						.coindroit2
						{
							float:left;
							width:7px;
							height:40px;
							background: url("../image/bouton/coindroit.png") no-repeat;
						}
					}
					
					.probleme
					{
						float: right;
						margin-right: 23px;
						margin-top:37px;
						font-size: 12px;
						color: #aaaaaa;
						text-align: justify;
						height: 35px;
						
						.assistance 
						{
							margin-top:4px;
							margin-left: 4px;	
						}
					}
				}
			}
			
			.coindroit
			{
				float: left;
				width:7px;
				height: @height_topcompte;
				background: url("../image/naviguation/CoinDroit.png") no-repeat;
			}
		}	
			
	}	
	
}

/* - - - - - - - - - - - - - - - - -*/
/*          compte2.php		        */
/* - - - - - - - - - - - - - - - - -*/
#compte2
{
	.content
	width: 1014px;
	height: 518px;
	display: inline-block;
	float:left;
	z-index: 3;
	position: relative;
	{
		.naviguation
		{
			right:2px;
			width: 295px;
			height: 522px;
			float: left;
			position: relative;
			z-index: 3;
			display: block-inline;	
			ul
			{
				margin: 0;
				padding:0;	
				float:left;
				li
				{
					width:296px;
					height:102px;
					list-style-type: none;
					position: relative;
					color:#c6d2e1;
					font-family: Myriad Pro;
					font-weight: bold;
					line-height: 20px;
					float:left;
					.textlist
					{
						font-size:18px;
						margin-top: 25px;
						margin-left: 33px;
						float: left;	
						position: relative;
					}
					.commentlist
					{
					font-size: 12px;
					color: #aaaaaa;
					}
					.barrevertical
					{
						position: relative;
						float:left;
						margin-left:2px;
					}
				}
				#selection
				{
					position: relative;
					background: url("../image/compte/Bulle.png") no-repeat;
					color: black;
					z-index:5;
					width: 296px;
					height: 102px;
						.textlist
					{
						font-size:18px;
						margin-top: 25px;
						margin-left: 33px;
						float: left;	
						position: relative;
					}
					.commentlist
					{
					font-size: 12px;
					color: #aaaaaa;
					}
					.barrevertical
					{
						position: relative;
						float:left;
						margin-left:2px;
					}
				}
			}
		}
		table .creationteam
		{
			bottom: 524px;
			width: 601px;
			height: 500px;
			margin-left:346px;
			display: inline-block;
			float:left;
			z-index: 3;
			position: relative;
			border-collapse: collapse;
			tr .choixjeu
			{
				background: url("../image/compte/fondbleu.png") no-repeat;
				height: 104px;
				width: 601px;
				z-index:3;
				td .titleteam
				{
					padding-left:22px;
					.ajustement1
					{
						margin-top:21px;
						float:left;
						position:relative;
						display: inline-block;
						width:100px;
					}
					.ajustement2
					{
						margin-top:10px;
						float:left;
						position:relative;
						display: inline-block;
						width:150px;
						.changementdecouleurs
						{
							color: #c6d2e1;
							font-size: 12px;
							font-weight: normal;
						}
					}
					.selectionjeu
					{
						background: url("../image/compte/menuderoulant.png") no-repeat;
						height:30px;
						width: 260px;
						color: #c6d2e1;
						padding-left:10px;
						padding-top:5px;
						float:left;
						margin-top:11px;
						.selecteur
						{
							width:12px;
							height:6px;
							margin-right: 20px;
							margin-top:8px;
							float: right;
							background: url("../image/compte/selecteur.png") no-repeat;
						}
					}
				}
			}
			tr
			{
				td
				{
					width: 300px;
					height:103px;
					font-size: 14px;
					color: white;
					font-weight: bold;
					border-width: 3px;
					.rejoindreequipe
					{
						width:290;
						height:54;
						background: url("../image/compte/boutonvert2.png") no-repeat;
						padding-top: 18px;
						padding-left: 20px;
					}
				}
				td .infocreation
				{
					padding-bottom: 18px;
					padding-left: 20px;	
					.changementdecouleurs
					{
						color: #c6d2e1;
						font-size: 12px;
						font-weight: normal;
					}
				}
			}
		}
	}
}
				
/* - - - - - - - - - - - - - - - - -*/
/*            erreurleave.php       */
/* - - - - - - - - - - - - - - - - -*/
#erreur
{
	width: 1022px;
	height:118px;
	background: url("../image/compte/fonderreur.png") no-repeat;
	font-family: "Myriad Pro";
	color:white;
	.fermer2
	{
		top: 15px;
		right: 50px;
		float: right;
		position: relative;
		font-size: 14px;
		color: white;
	}
	.croixblanche
	{
		width:10px;
		height:10px;
		top:19px;
		right: -25px;
		position: relative;
		float: right;
		background:url("../image/compte/croixblanche.png") no-repeat;
	}
	p
	{
		margin-left:22px;
		margin-top:22px;
		float:left;
		.couleur
		{
			color: #efefef;
			font-size:14px;
			line-height: 25px;
		}
	}
	
}